export const baseds = [
  { id: 1, name: 'short', value: 'short' },
  { id: 2, name: 'width', value: 'width' },
  { id: 3, name: 'height', value: 'height' },
  { id: 4, name: 'area', value: 'area' },
]

export const media = [
  { id: 1, name: 'web', value: 'web' },
  { id: 2, name: 'mobile', value: 'mobile' },
  { id: 3, name: 'print', value: 'print' },
  { id: 4, name: 'outdoor', value: 'outdoor' },
  // { id: 5, name: 'event', value: 'event' },
]

export const units = {
  'web': [
    { id: 1, name: 'px', value: 'px' },
  ],
  'mobile': [
    { id: 1, name: 'px', value: 'px' },
  ],
  'print': [
    { id: 2, name: 'mm', value: 'mm' },
  ],
  'outdoor': [
    { id: 3, name: 'cm', value: 'cm' },
  ],
  'event': [
    { id: 1, name: 'px', value: 'px' },
    { id: 2, name: 'mm', value: 'mm' },
    { id: 3, name: 'cm', value: 'cm' },
  ],
}

export const unitMathcModes = {
  'cm': 'cmyk',
  'mm': 'cmyk',
  'px': 'rgb',
}

export const modes = {
  'web': [
    { id: 1, name: 'rgb', value: 'rgb' },
  ],
  'mobile': [
    { id: 1, name: 'rgb', value: 'rgb' },
  ],
  'print': [
    { id: 2, name: 'cmyk', value: 'cmyk' },
  ],
  'outdoor': [
    { id: 2, name: 'cmyk', value: 'cmyk' },
  ],
  'event': [
    { id: 1, name: 'rgb', value: 'rgb' },
    { id: 2, name: 'cmyk', value: 'cmyk' },
  ],
}

/*
export const units = [
  { id: 1, name: 'px', value: 'px' },
  { id: 2, name: 'mm', value: 'mm' },
  { id: 3, name: 'cm', value: 'cm' },
]
*/
